doctype html
html
	head
		include ../../src/head2
		title 首页
		link(rel='stylesheet', href='template.css')
		link(rel='stylesheet', href='home.css')
		link(rel='stylesheet', href='http://at.alicdn.com/t/font_195924_jbkuj3lhh9tfbt9.css')
	body
		#app
			#bind-message(v-show="showBindMessage" style='display: none')
				div(style="position:absolute;top:18%;left:18%;")
					img(src="bind-message.png" style="width:80%")
					div(style="background-color:white;text-align:center;width:80%;font-size:13px;margin-top:-10px;padding-bottom:2px;")
						span(style="display:inline-block;margin-top:10px") 您的车库空空如也，快去绑定车辆吧
						fast-button#bind-car(:tap="bindCar",style="width:90%;height:1.8rem;border:1px solid #d19213;border-radius:0.3rem;background-color:#d19213") 立即绑定
						img#bind-car-btn(@tap="cancelBind()",src="Close.png" width="27" style="position:absolute;top:110%;left:36%;")
			//.bind-guide(v-if="false")
				//span 绑定车辆
				//.triangle_border
			#refreshContainer.mui-content.mui-scroll-wrapper
				.mui-scroll
					.user-msg
						component(:is='places[0].component', :options='places[0].options', @dragover.native='dragOver', @drop.native='drop($event, 0)')
					.gird
						ul.mui-table-view.mui-grid-view.mui-grid-9.bordertop-none.borderfl-none
							li.mui-table-view-cell.mui-media.mui-col-xs-4(v-for='(place, $index) in places.slice(1,7)')
								a
									component(:is='place.component', :options='place.options', @dragover.native='dragOver', @drop.native='drop($event, $index+1)')
		script(src='../../lib/raven.min.js')
		script(src='http://at.alicdn.com/t/font_439399_ck2pobeeeak0529.js')
		script(src='../../build/common/common.js')
		script(src='home.js')